<template>
    <div class="wrap">
        <div class="container">
            <div class="position_block">
                <div class="my_car_text">物流跟踪
                </div>
            </div>
            <div class="logistics_content">
                <!-- 内容开始  -->                
                <div class="right-title border-bottom">
                    <div class="title">订单详情</div>
                    <div class="order_number"> 
                        订单号：220109193821-OTUK-I-0114674
                    </div>
                </div>
                <div class="order_content">
                    <div class="order_content_show">      
                        <!-- 订单详情-商品 -->
                        <div class="order_goods_content">
                            <div class="order_goods_list justify-content">
                                <div class="order_goods_info">
                                    <div class="order_goods_img">
                                        <img src="@/assets/images/img.png">
                                    </div>
                                    <div class="goods_spec_info">
                                        <div class="goods_name">同种异体肌腱</div>
                                        <div>型号：150680431530</div>
                                        <div>规格：200x20x5mm</div>
                                        <div>备注：多种产品规格满足临床不同需求</div>
                                    </div>
                                </div>
                                <div class="flex">
                                    <div class="car_num_operate">10</div>
                                    <div class="goods_price_all">￥2300.00</div>
                                </div>
                            </div>
                            <div class="order_goods_list justify-content">
                                <div class="order_goods_info">
                                    <div class="order_goods_img">
                                        <img src="@/assets/images/img.png">
                                    </div>
                                    <div class="goods_spec_info">
                                        <div class="goods_name">同种异体肌腱</div>
                                        <div>型号：150680431530</div>
                                        <div>规格：200x20x5mm</div>
                                        <div>备注：多种产品规格满足临床不同需求</div>
                                    </div>
                                </div>
                                <div class="flex">
                                    <div class="car_num_operate">10</div>
                                    <div class="goods_price_all">￥2300.00</div>
                                </div>
                            </div>
                        </div>
                        <!--快递信息 -->
                        <div class="logistics-info-content">
                            <div class="logistics-head">
                                <div class="logistics-title">顺丰快递</div>
                                <div class="tracking-number">
                                    <span>物流单号：494943548090608430  【复制】</span>
                                    <span>联系电话：95338</span>
                                </div>
                            </div>
                            <div class="logistics-info">
                                <el-timeline :reverse="reverse" class="logistics-timeline">
                                    <el-timeline-item>
                                        <div class="heading">
                                            <span class="state">运输中</span>
                                            <span class="time">10-15 23:38</span>
                                        </div>
                                        <div  class="cont">快件离开【北京转运中心】已发往【广东广州转运中心】</div>
                                    </el-timeline-item>
                                    <el-timeline-item>
                                        <div class="heading">
                                            <span class="state"></span>
                                            <span class="time">10-15 08:38</span>
                                        </div>
                                        <div  class="cont">[北京市] 快件到达【北京转运中心】</div>
                                    </el-timeline-item>
                                    <el-timeline-item>
                                        <div class="heading">
                                            <span class="state">已发货</span>
                                            <span class="time">10-14 12:38</span>
                                        </div>
                                        <div  class="cont">包裹正等待揽收</div>
                                    </el-timeline-item>
                                    <el-timeline-item>
                                        <div class="heading">
                                            <span class="state">已下单</span>
                                            <span class="time">10-14 10:38</span>
                                        </div>
                                        <div  class="cont">商品已经下单</div>
                                    </el-timeline-item>
                                </el-timeline>
                            </div>
                            <div class="addressee">
                                收件人信息：张三 ，159****5715 ，北京市朝阳区清河营东路88号
                            </div>
                        </div>
                    </div>
                </div>           
                <!-- 右侧内容结束 -->
            </div>
        </div>
    </div>
</template>

<script>

  export default {
    data() {
        return {
            reverse: false,
            activities: [{
                content: '活动按期开始',
                timestamp: '2018-04-15'
            }, {
                content: '通过审核',
                timestamp: '2018-04-13'
            }, {
                content: '创建成功',
                timestamp: '2018-04-11'
            }]
        };
    },
    methods: {
    },
    mounted: function(){

    }

  };
</script>
<style>


</style>